<template>
	<view class="main auto">
		<view class="imgss auto">
			<img src="../../../static/amove.png" alt="">
		</view>
		<view class="auto succ">
			缴费成功
		</view>
		<div class="zp" style="background-color: #fcfdfe;">
			<div style="background-color: #ffffff;border: 1px solid #f3f3f3;padding: 20px 10px 0 10px;margin-top: 20px;box-shadow: azure;">
				<div class="cont">
					<div class="phone">费用类型</div>
					<div class="phonename">西药费</div>
				</div>
				<div class="cont">
					<div class="phone">就诊科室</div>
					<div class="phonename">消化内科</div>
				</div>
				<div class="cont">
					<div class="phone">医生姓名</div>
					<div class="phonename">李梅</div>
				</div>
				<div class="cont">
					<div class="phone">就诊人</div>
					<div class="phonename">刘伟</div>
				</div>
				<div class="cont" style="border: 0;">
					<div class="phone">就诊号码</div>
					<div class="phonename">610*********0989</div>
				</div>
			</div>
			<div style="background-color: #ffffff;border: 1px solid #f3f3f3;padding: 20px 10px 0 10px;margin-top: 20px;box-shadow: azure;">
				<div class="title">
					费用明细
				</div>
				<div class="cont" style="display: flex; justify-content: space-between;align-items: center;padding: 5px 0;">
					<div class="phone"><div class="navsd">费用类型</div><div class="zpw"><span>单价：¥50.00</span><span style="margin-left: 10px;">数量：3</span></div></div>
					<div class="phonename" style="color: #333333;font-weight: 500;">¥150.00</div>
				</div>
				<div class="cont" style="display: flex; justify-content: space-between;align-items: center;padding: 5px 0; border: 0;">
					<div class="phone"><div class="navsd">费用类型</div><div class="zpw"><span>单价：¥50.00</span><span style="margin-left: 10px;">数量：3</span></div></div>
					<div class="phonename" style="color: #333333;font-weight: 500;">¥150.00</div>
				</div>
			</div>
			<div>
			</div>

			</div>
			<div style="width: 100%;">
				<div style="background-color: #ffffff;border: 1px solid #f3f3f3;padding: 0px 10px 0 10px;margin-top: 20px;box-shadow: azure;width: 90%;">
					<div class="cont">
						<div class="phone">支付方式</div>
						<div class="phonename">余额</div>
					</div>
					<div class="cont">
						<div class="phone">卡内余额</div>
						<div class="phonename">1400.00元</div>
					</div>
					<div class="cont">
						<div class="phone">订单总额</div>
						<div class="phonename"  style="color: #f46666;">600.00元</div>
					</div>
					<div class="cont">
						<div class="phone">订单编号</div>
						<div class="phonename">202010090900001</div>
					</div>
					<div class="cont" >
						<div class="phone">订单时间</div>
						<div class="phonename">2020/10/09 09:00:00</div>
					</div>
					<div class="cont">
						<div class="phone">订单时间</div>
						<div class="phonename">2020/10/09 09:00:00</div>
					</div>
					<div class="cont" style="border: 0;">
						<div class="phone">订单状态</div>
						<div class="phonename">已支付</div>
					</div>
				</div>
			</div>
	</view>
</template>
<script>
	export default{
		methods:{
			toindex(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			}
		}
		
	}
</script>
<style>
	.log{
		width: 95%;
		text-align: center;
	}
		.content{
			padding: 15px;
			width: 100%;
		}
		.zpw {
			color: #AAAAAA;
			font-size: 12px;
			font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
			    font-weight: 400;
			    font-style: normal;
			    text-align: left;
			    line-height: 28px;
		}
		.navsd{
			font-size: 14px;
			font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
			    font-weight: 400;
			    font-style: normal;
			    text-align: left;
			    line-height: 28px;
				    color: #333333;
		}
		.title{
			    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
			    font-weight: 400;
			    font-style: normal;
			    color: #AAAAAA;
				border-bottom: 1px solid #f3f3f3;
				padding: 5px 0 10px 0;
		}
		.phonename{
			margin-left: 15px;
			font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
			    font-weight: 200;
			    font-style: normal;
			    font-size: 14px;
		}
		.phone{
			    color: #AAAAAA;
				font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
				    font-weight: 200;
				    font-style: normal;
				    font-size: 14px;
					
		}
		.cont{
			display: flex;
			align-items: center;
			height: 50px;
					border-bottom: 1px solid rgba(242, 242, 242, 1);
		}
		.address{
			    font-family: 'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC', sans-serif;
			    font-weight: 200;
			    font-size: 12px;
			    color: #7F7F7F;
		}
		.namehosp{
			font-size: 15px;font-family: 'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC', sans-serif;
		font-style: normal;
		}
		.img{
			width: 40px;
			margin-right: 10px;
			height: 40px;
			
		}
		.context{
			flex: 70%;
		}
		.right{
			flex: 10%;
		}
		.zp{
			padding: 0 10px;
		}
		.nav {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 72px;
			padding: 5px;
			border-bottom: 1px solid rgba(242, 242, 242, 1);
		}
	.zpw {
		color: #AAAAAA;
		font-size: 12px;
		font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		    font-weight: 400;
		    font-style: normal;
		    text-align: left;
		    line-height: 28px;
	}
	.navsd{
		font-size: 14px;
		font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		    font-weight: 400;
		    font-style: normal;
		    text-align: left;
		    line-height: 28px;
			    color: #333333;
	}
	.title{
		    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		    font-weight: 400;
		    font-style: normal;
		    color: #AAAAAA;
			border-bottom: 1px solid #f3f3f3;
			padding: 5px 0 10px 0;
	}
	.phonename{
		margin-left: 15px;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		    font-weight: 200;
		    font-style: normal;
		    font-size: 14px;
	}
	.phone{
		    color: #AAAAAA;
			font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
			    font-weight: 200;
			    font-style: normal;
			    font-size: 14px;
				
	}
	.cont{
		display: flex;
		align-items: center;
		height: 50px;
				border-bottom: 1px solid rgba(242, 242, 242, 1);
	}
	.address{
		    font-family: 'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC', sans-serif;
		    font-weight: 200;
		    font-size: 12px;
		    color: #7F7F7F;
	}
	.namehosp{
		font-size: 15px;font-family: 'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC', sans-serif;
	font-style: normal;
	}
	.img{
		width: 40px;
		margin-right: 10px;
		height: 40px;
		
	}
	.context{
		flex: 70%;
	}
	.right{
		flex: 10%;
	}
	.zp{
		padding: 0 10px;
	}
	.nav {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 72px;
		padding: 5px;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
	}
	.main {
		width: 92%;
	}

	.succ {
		text-align: center;
		font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		font-weight: 400;
		font-size: 34rpx;
	}

	.auto {
		margin: 0 auto;
	}

	.tip {
		margin: 10rpx 0;
		font-family: 'PingFangSC-Ultralight', 'PingFang SC Ultralight', 'PingFang SC', sans-serif;
		font-weight: 100;
		color: #AAAAAA;
		font-size: 28rpx;
		text-align: center;
	}

	.imgss {
		margin: 80rpx auto 46rpx;
		width: 70rpx;
		height: 70rpx;
	}

	.btnst {
		font-family: 'PingFangHK-Regular', 'PingFang HK', sans-serif;
		font-weight: 400;
		height: 76rpx;
		font-size: 34rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 40rpx;
		border-radius: 8rpx;
		background-color: rgba(52, 120, 247, 1);
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 220rpx 0 30rpx;
	}

	.btnnd {
		font-family: 'PingFangHK-Regular', 'PingFang HK', sans-serif;
		font-weight: 400;
		height: 76rpx;
		font-size: 34rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 40rpx;
		border-radius: 8rpx;
		background-color: rgba(52, 120, 247, 1);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #006EFF;
		background-color: rgba(0, 110, 255, 0.0980392156862745);
	}

	.imgss img {
		width: 70rpx;
		height: 70rpx;
	}
</style>